<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>

    <!-- 加载静态文件 -->
    {% load static %}

    <!-- jQuery -->
    <script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
    <script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>

    <!-- Layer -->
    <script type="text/javascript" src="{% static 'layer/layer.js' %}"></script>

    <!-- Common.js -->
    <script type="text/javascript" src="{% static 'js/common.js' %}"></script>
</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading">秒杀商品列表</div>
    <table class="table" id="goodslist">
        <tr>
            <td>商品名称</td>
            <td>商品图片</td>
            <td>商品原价</td>
            <td>秒杀价</td>
            <td>库存数量</td>
            <td>详情</td>
        </tr>
        {% for goods in goodsList %}
            <tr>
                <td>{{ goods.goods_name }}</td>
                <td><img src="{% static goods.goods_img %} " width="100" height="100"/></td>
                <td>{{ goods.goods_price }}</td>
                <td>{{ goods.seckill_price }}</td>
                <td>{{ goods.stock_count }}</td>
                <td><a href="/goods/list/{{ goods.id }}/">详情</a></td>
            </tr>
        {% endfor %}
    </table>
</div>
</body>
{#<script>#}
{#function getCookie(name) {#}
{#    // 将所有 Cookie 按分号分割成数组#}
{#    let cookieArr = document.cookie.split(";");#}
{##}
{#    // 遍历每个 Cookie，查找目标名称#}
{#    for (let i = 0; i < cookieArr.length; i++) {#}
{#        let cookiePair = cookieArr[i].split("="); // 每个 Cookie 按等号分割为键值对#}
{#        if (name === cookiePair[0].trim()) { // 去除空格并匹配名称#}
{#            return decodeURIComponent(cookiePair[1]); // 返回解码后的值#}
{#        }#}
{#    }#}
{##}
{#    return null; // 如果未找到对应的 Cookie，返回 null#}
{#}#}
{#$(document).ready(function () {#}
{#    // 绑定点击事件到所有“查看详情”按钮#}
{#    $('.detail-btn').on('click', function () {#}
{#        // 获取商品 ID#}
{#        var goodsId = $(this).data('id');#}
{##}
{#        // 从 Cookie 中读取 Token#}
{#        var token = getCookie('accessToken'); // 假设 Token 存储在名为 accessToken 的 Cookie 中#}
{##}
{#        // 如果未找到 Token，提示用户登录#}
{#        if (!token) {#}
{#            alert('未找到身份验证信息，请先登录！');#}
{#            return;#}
{#        }#}
{##}
{#        // 发送 AJAX 请求#}
{#        $.ajax({#}
{#            url: '/goods/list/' + goodsId + '/', // 替换为你的后端接口 URL#}
{#            method: 'GET',#}
{#            headers: {#}
{#                'Authorization': 'Bearer ' + token, // 添加 Token 到请求头#}
{#            },#}
{#            success: function (response) {#}
{#                 layer.msg("成功");#}
{##}
{#            },#}
{#            error: function (xhr, status, error) {#}
{#                // 错误处理#}
{#                if (xhr.status === 401) {#}
{#                    alert('未授权，请先登录！');#}
{#                } else {#}
{#                    alert('无法加载商品详情，请稍后再试！');#}
{#                }#}
{#                console.error(error);#}
{#            }#}
{#        });#}
{#    });#}
{#});#}
{#</script>#}
</html>